const logerror=document.querySelector('.logerror');
const reserror=document.querySelector('.reserror');
// const passwordRegex = /([a-zA-Z])[a-zA-Z\d@$!%*?&]{6,}$/;
const passwordRegex = /^[a-zA-Z\d@$!%*?&]{6,20}$/;

function login(event) {
    event.preventDefault();
    // 获取表单数据
    const username = document.getElementById('login-username').value;
    const password = document.getElementById('login-password').value;
    // 验证密码
    if (!passwordRegex.test(password)) {
        logerror.innerHTML ='密码必须6-20个字符。且只能包含字母、数字和特殊字符。';
        return;
    }

    // 使用axios发送数据
    axios.post('https://m1.apifoxmock.com/m1/6242420-5936244-default/login', { username, password })
        .then(response => {
          if(response.data.result)
            alert('登录成功!');
        else{
            alert('登录失败，请检查您的用户名和密码。');
        }
        console.log(response);
        })
        .catch(error => {
            console.error('登录失败:', error);
            alert('登录失败，请检查您的用户名和密码。');
        });
}

function register(event) {
    event.preventDefault();
    // 获取表单数据
    const username = document.getElementById('register-username').value;
    const password = document.getElementById('register-password').value;
    const confirmPassword = document.getElementById('register-password-again').value;
    // 验证密码
    if (!passwordRegex.test(password)) {
        reserror.innerHTML ='密码必须至少6-20个字符。且只能包含字母、数字和特殊字符。';
        return;
    }
    if(password!== confirmPassword){
        reserror.innerHTML ='两次输入的密码不一致，请重新输入。';
        return;
    }

    // 使用axios发送数据
    axios.post('https://m1.apifoxmock.com/m1/6242420-5936244-default/register', { username, password })
        .then(response => {
            if(response.data.result)
            alert('注册成功!');
        else{
            alert('用户名已存在，注册失败。');
        }
            // 这里可以添加注册成功后的处理逻辑，例如重定向到登录页面
        })
        .catch(error => {
            console.error('注册失败:', error);
        });
}



const main = document.querySelector('.main');
const login_box = document.querySelector('.login');
const register_box = document.querySelector('.register');
const go_login = document.querySelector('.go-login');
const go_register = document.querySelector('.go-register');

go_login.addEventListener('click', function(){
   
    login_box.classList.remove('hidden');
    register_box.classList.add('hidden');
    main.style.transform = 'translateX(0%)';
    logerror.innerHTML='';
    reserror.innerHTML='';
});
go_register.addEventListener('click', function(){
    register_box.classList.remove('hidden');
    login_box.classList.add('hidden');
    main.style.transform = 'translateX(-110%)';
    logerror.innerHTML='';
    reserror.innerHTML='';

});